
.box-w {
  width: 100%;
  height: 100%;
}
.m-left{
  margin-left:4rpx;
}
.swiper{
	position: relative;
  height: 670rpx;
	padding-left: 30rpx;
	padding-top: 20rpx;
	box-sizing: border-box;
	&::before, &::after{
		content: '';
		position: absolute;
		background: #fff;
		border-radius: 16rpx;
		border: 1rpx solid #DEDEDE;
	}
	&::before{
		top: 40rpx;
		right: 50rpx;
		width: 610rpx;
		height: 610rpx;
		z-index: 0;
	}
	&::after{
		top: 60rpx;
		right: 30rpx;
		width: 570rpx;
		height: 570rpx;
		z-index: -1;
	}
}
.banner-box {
	width: 650rpx;
  height: 650rpx;
	border-radius: 16rpx;
	overflow: hidden;
}
.imgBox{
  height: 100%;
  width: 100%;
}
.slide-image {
	// transform: scale(0.9);
	transition: all 0.2s;
  background: #fff;
}
.on .slide-image {
	transform: scale(1);
}
/* banner计数 */

.videoPlay{
  position: absolute;
  left: 30rpx;
  margin-top: -108rpx;
  font-size: 24rpx;
  width: 80rpx;
  height: 80rpx;
  line-height: 80rpx;
  background:rgba(0,0,0, .5);
  border-radius:50%;
  text-align: center;
  border: 1rpx solid white;
  color: white;
}
.videoBox{
  height: 100%;
  width: 100%;
}
// .banner-num {
//   position: absolute;
//   right: 30rpx;
//   margin-top: -58rpx;
//   font-size: 24rpx;
//   width:100rpx;
//   height:40rpx;
//   line-height: 40rpx;
//   background:rgba(255,255,255, .7);
//   border-radius:26rpx;
//   text-align: center;
// }

// .banner-num text:last-child {
//   font-size: 24rpx;
// }
// .banner-suona{
//   position: absolute;
//   right: 30rpx;
//   margin-top: -178rpx;
//   background:rgba(255,255,255, .7);
//   border-radius:50rpx;
//   width:50rpx;
//   height:50rpx;
//   color: #000000;
//   text-align: center;
//   line-height: 40rpx;
// }
// 视频弹窗
.videoBox{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 9999;
}
.videoAll{
  width: 100%;
}
/* banner组件按钮 */
.dots{
  position: absolute;
  left: 60rpx;
  bottom: 20rpx;
  display:flex;
	justify-content: center;
}
.dots-item{
	width: 12rpx;
	height: 12rpx;
	margin: 0 5rpx;
	border-radius: 6rpx;
  background: rgba(255, 255, 255, 0.3);
}
.dots-item.on{
	width: 24rpx;
	background: #2A2A30;
}